<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>法治文化研究院</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="${ctx}/resources/css/style.css">
<link type="text/css" rel="stylesheet" href="${ctx}/resources/css/header.css">
<link type="text/css" rel="stylesheet" href="${ctx}/resources/css/index.css">
<link rel="stylesheet" href="${ctx}/resources/css/cui.css">

<script type="text/javascript" src="${ctx}/resources/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/menu.js"></script> 
<script type="text/javascript" src="${ctx}/resources/js/common-page.js"></script>
<link rel="stylesheet" href="${ctx}/resources/css/common-page.css">

<link type="text/css" rel="stylesheet" href="${ctx}/resources/css/tzzzjg.css"> 
<style type="text/css">


.bd_a { background: #ECE7D4;border: 1px solid #ccc;}
.bd_a .l {width: 210px;}
.bd_a .r {width: 760px;}

.sdiv {min-height: 650px; background: #fff; border-right: 2px solid #ccc;}
.sdiv .pic {text-align: center; padding-top: 20px; font-size: 17px;}
.sdiv .pic img {width: 140px;}
.h2_a { font-size: 24px; border-bottom: 2px solid #293452; color:#293452;
margin-bottom: 10px;
padding-top: 10px;
margin-right: 20px;
height: 34px;
font-weight: normal;
font-family: "微软雅黑";
}

.h3_a {height: 16px;
margin-top: 10px;
padding-top: 20px;
height: 30px;
border-top: 2px solid #ccc;
margin: 0 20px;
font-family: "微软雅黑";
font-size: 17px;
font-weight: normal;
}

.litpic { display: inline-block; overflow: hidden; height: 150px;}
.txt {font-size: 13px; font-family: "宋体"; padding: 0 10px; line-height: 1.6em; color:#666;}

.pic2086 img{ margin-top:-50px}

    .h1a {text-align: center; padding-top: 20px; font-size: 18px;}

</style>

<style type="text/css">
.list_box {padding: 10px 0; border-bottom: 1px solid #ddd; }
.list_box .desc ,.list_box .date{font-size: 12px; color:#666; font-size: 13px; font-family: "����"; line-height: 1.6em;}
.list_box h3 { font-size: 14px; margin-bottom: 5px; font-family: "����"; font-weight: normal;}
</style>
</head>

<body>
<div id="hd2">
    <div class="search">
     <a href="${ctx}/scholar/photo" target="_blank"> <span style="font-size:22px;">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;文辅学者</span></a>
      <a href="${ctx}/scholar/articlelist" target="_blank"><span style="font-size:22px;">&emsp;&emsp;&emsp;&emsp;文辅文章</span></a>
    </div>
</div>
<div id="bd_blue" class="fix">
     <div class="wp" id="hh">

     <div class="bd_a fix">
        <div style="height: 1100px;" class="l sdiv">

             <div class="pic">
             
                  <span class="litpic pic2084">   <a href="${ctx}/scholar/description?id=${scholar.id }">${scholar.headimg }</a></span>
                  <p>${scholar.name }</p>
             </div>
              <div class="h"></div>
              <h3 class="h3_a"><a><img src="${ctx}/resources/images/tzxz1.jpg" alt="学者简介"></a></h3>
               <div class="txt">
               <p class="MsoNormal">
               
               <c:choose>     
                                		<c:when test="${fn:length(scholar.description) > 500}">      
                                		<c:out value="${fn:substring(scholar.description, 0, 500)}..." />     
                                		</c:when>     
                                		<c:otherwise>      
                                		<c:out value="${scholar.description}" />     
                                		</c:otherwise>    
             </c:choose>
</p>
               </div>
                              <div class="h"></div>
              <h3 class="h3_a"><img src="${ctx}/resources/images/tzxz2.jpg" alt="学者著作"></h3>
               <div class="txt">
     <p class="MsoNormal">
	  <c:choose>     
                                		<c:when test="${fn:length(scholar.bookmaking) > 50}">      
                                		<c:out value="${fn:substring(scholar.bookmaking, 0, 50)}..." />     
                                		</c:when>     
                                		<c:otherwise>      
                                		<c:out value="${scholar.bookmaking}" />     
                                		</c:otherwise>    
             </c:choose>
    </p>
               </div>

        </div>
        <div class="r">
                     
                <h2 class="h2_a"><img src="${ctx}/resources/images/tzxz4.jpg" alt="学者观点"></h2>
                <div class="txt-body">
                <%--  <%@ include file ="articlelist.jsp" %> --%>
                         <!--  <div class="list-so"> -->
                         
                          	<c:forEach items="${scholarArticleList}" var="scholararticle">
                            <div class="list_box">
                      <h3><a href="${ctx}/scholar/article?id=${scholararticle.id }" target="_blank"><b style="">${scholararticle.scholarname }</b>：${scholararticle.articletitle }</a></h3>
                      <p class="date">
                    ${scholararticle.createtime }                   <span class="pl20">阅读量 ：${scholararticle.readingcount }</span>
                      </p>
    <p class="desc">
      <c:choose>     
                                		<c:when test="${fn:length(scholararticle.articlecontent) > 200}">      
                                		<c:out value="${fn:substring(scholararticle.articlecontent, 0, 200)}..." />     
                                		</c:when>     
                                		<c:otherwise>      
                                		<c:out value="${scholararticle.articlecontent}" />     
                                		</c:otherwise>    
             </c:choose>
  </p>
                 </div>
			</c:forEach>	              
				        
		
                    
   
           
   <div class="pages"></div>
                </div>
                     </div>
      </div>
          
 
     </div>
</div>

 <script type="text/javascript">
            function topage(p){
                alert(p);
            }
            var pg = new Page('topage',100,15,67);
            pg.argName = 'p'; //定义参数名(可选,缺省为page)
            //alert(pg.printHtml());
             $(".pages").html(pg.printHtml());
        </script>
 
 

</body></html>